<!DOCTYPE html>
<html>
	<head>
		<title>预约管理</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<link rel="stylesheet" href="css/manage_appointment.css" />
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/config.js"></script>
	</head>
	<body>
		<div class="main">
			<div class="sidebar">
				<h1>1000家教网</h1>
				<div class="login-info">
					<ul>
						<li>你好，<a href="" title="修改个人信息">甘斌</a>，你有<a href="">3封站内信</a></li>
						<li><a href="">查看网站</a>，<a href="">登出</a></li>
					</ul>
				</div>
				<ul class="nav" id="navigation">
					<li>
						<a href="manage_user.html" class="sup-nav no-sub">用户管理</a>
						<!-- <ul>
							<li><a href="" class="current">查看用户</a></li>
							<li><a href="">权限设置</a></li>
							<li><a href="">添加用户</a></li>
							<li><a href="">XXXXX</a></li>
						</ul> -->
					</li>
					<li><a href="manage_appointment.html" class="sup-nav no-sub current">预约管理</a></li>
					<li><a href="manage_paper.html" class="sup-nav no-sub">试卷管理</a></li>
					<!-- <li><a href="http://www.baidu.com" class="sup-nav no-sub">无子菜单 - 如直接到百度</a></li> -->
					<li><a href="manage_grade.html" class="sup-nav no-sub">年级管理</a></li>
					<li><a href="manage_activity.html" class="sup-nav no-sub">活动管理</a></li>
				</ul>
			</div>
			<div class="content">
				<h1>预约管理</h1>
				<div class="result">
					<h2 class="title">预约管理</h2>
					<div class="functions clearfix">
						<div class="search left">
							<form action="" method="get">
							<span>预约搜索</span>
							<span>
								<select name="" id="">
									<option value="">所有</option>
									<option value="">教师名</option>
									<option value="">学生名</option>
								</select>
							</span>
							<span>
								<input type="text" id="username" value="用户姓名" size="10"/>
							</span>
							<span>
								<label for="userstatus">状态：</label>
								<select name="" id="userstatus">
									<option value="">--全部--</option>
									<option value="">成功</option>
									<option value="">失败</option>
									<option value="">待定</option>
								</select>
							</span>
							<span>
								<label for="startdate">起始时间：</label>
								<input type="text" id="startdate" size="12" />
							</span>
							<span>
								<label for="enddate">起始时间：</label>
								<input type="text" id="enddate" size="12" />
							</span>
							<button type="submit">查询</button>
							</form>
						</div>
						<div class="operate right">
							<select name="" id="">
								<option value="">不做操作</option>
								<option value="">批量成功</option>
								<option value="">批量失败</option>
							</select>
							<a href="">添加预约</a>
						</div>
					</div>
					<div class="result-data">
						<table>
							<thead>
								<tr>
									<th width="5%"><input type="checkbox" name="colorseesee"/></th>
									<th width="10%">学生</th>
									<th width="5%">性别</th>
									<th width="10%">学生电话</th>
									<th width="10%">教师</th>
									<th width="5%">性别</th>
									<th width="10%">教师电话</th>
									<th width="10%">起始时间</th>
									<th width="10%">结束时间</th>
									<th width="5%">状态</th>
									<th width="5%">收入（元）</th>
									<th width="15%">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr class="alt-row">
									<td><input type="checkbox" name="colorseesee"/></td>
									<td>gb520</td>
									<td>女</td>
									<td>13838383738</td>
									<td>cjz</td>
									<td>女</td>
									<td>14848484748</td>
									<td>2012-12-25 19:30:00</td>
									<td>2012-12-25 19:30:03</td>
									<td>待定</td>
									<td>3000.00</td>
									<td>
										<a href="" title="成功">成功/失败</a>　
										<a href="" title="详情">详情</a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="colorseesee"/></td>
									<td>gb520</td>
									<td>女</td>
									<td>13838383738</td>
									<td>cjz</td>
									<td>女</td>
									<td>14848484748</td>
									<td>2012-12-25 19:30:00</td>
									<td>2012-12-25 19:30:03</td>
									<td>待定</td>
									<td>3000.00</td>
									<td>
										<a href="" title="成功">成功/失败</a>　
										<a href="" title="详情">详情</a>
									</td>
								</tr>
								<tr class="alt-row">
									<td><input type="checkbox" name="colorseesee"/></td>
									<td>gb520</td>
									<td>女</td>
									<td>13838383738</td>
									<td>cjz</td>
									<td>女</td>
									<td>14848484748</td>
									<td>2012-12-25</td>
									<td>2012-12-29</td>
									<td>待定</td>
									<td>3000.00</td>
									<td>
										<a href="" title="成功">成功/失败</a>　
										<a href="" title="详情">详情</a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="colorseesee"/></td>
									<td>gb520</td>
									<td>女</td>
									<td>13838383738</td>
									<td>cjz</td>
									<td>女</td>
									<td>14848484748</td>
									<td>2012-12-25</td>
									<td>2012-12-27</td>
									<td>待定</td>
									<td>3000.00</td>
									<td>
										<a href="" title="成功">成功/失败</a>　
										<a href="" title="详情">详情</a>
									</td>
								</tr>
								<tr class="alt-row">
									<td><input type="checkbox" name="colorseesee"/></td>
									<td>gb520</td>
									<td>女</td>
									<td>13838383738</td>
									<td>cjz</td>
									<td>女</td>
									<td>14848484748</td>
									<td>2012-12-25 19:30:00</td>
									<td>2012-12-25 19:30:03</td>
									<td>待定</td>
									<td>3000.00</td>
									<td>
										<a href="" title="成功">成功/失败</a>　
										<a href="" title="详情">详情</a>
									</td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
								<td colspan="12">
								<div class="pagination">
									<a title="第一页" href="#">««</a>
									<a title="上一页" href="#">« 上一页</a>
									<a title="1" class="number" href="#">1</a>
									<a title="2" class="number" href="#">2</a>
									<a title="3" class="number current" href="#">3</a>
									<a title="4" class="number" href="#">4</a>
									<a title="下一页" href="#">下一页 »</a>
									<a title="最后一页" href="#">»»</a>
								</div>
								</td>
								</tr>
							</tfoot>	
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>